<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <style>
       html,body{
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    
</body>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript">
    var videoPlayer;
    apiready = function() {
        videoPlayer = api.require('videoPlayer');
        fnPlay();
        fnInitEvent()
    };

    function fnPlay(){
        var videoPlayer = api.require('videoPlayer');
        videoPlayer.play({
            path: api.pageParam,
            autoPlay:true
        },function(ret, err) {
            if(ret.eventType == "back"){
                api.closeFrame();
            }
        });
    }

    function fnInitEvent() {
        var exitFlag = false;
            api.addEventListener({
                name: 'keyback'
            }, function(ret, err) {
                if (!exitFlag) {
                    api.closeFrame();
                }
            });
    };
    </script>
</html>